<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<title>WebDesign Homepage</title>
    <link href="<%=path %>/css/compiled/homepage.css" rel="stylesheet" type="text/css">
    <link href="<%=path %>/css/compiled/slide.css" rel="stylesheet" type="text/css">
  </head>
  	
  <body>
  	<div class="logo">
  		<!-- <img src="logo-login.png" /> -->
  		<span><label>WebDesign</label></span>
  		<span><a href="<%=path %>/common/homepageLogin">登录</a></span><span><a href="#">/</a></span><span><a href="<%=path %>/teacher/homepageRegister">注册</a></span>
  	</div>
  	<div class="slider"> 
      <ul>
       <li class="slider-panel"> 
        <a href="#" target="_blank"><img src="<%=path %>/img/3.jpg"></a> 
       </li> 
       <li class="slider-panel"> 
        <a href="#" target="_blank"><img src="<%=path %>/img/2.jpg"></a> 
       </li> 
       <li class="slider-panel"> 
        <a href="#" target="_blank"><img src="<%=path %>/img/3.jpg"></a> 
       </li> 
       <li class="slider-panel"> 
        <a href="#" target="_blank"><img src="<%=path %>/img/2.jpg"></a> 
       </li> 
      </ul> 
      <div class="slider-extra"> 
         <ul class="slider-nav"> 
          <li class="slider-item">1</li> 
          <li class="slider-item">2</li> 
          <li class="slider-item">3</li> 
          <li class="slider-item">4</li> 
         </ul> 
        <div class="slider-page"> 
          <a class="slider-pre" href="javascript:;;"><</a> 
          <a class="slider-next" href="javascript:;;">></a> 
        </div> 
      </div> 
    </div> 
    <div class="first">
      <span class="teachertitle" id="teachernotice" >教师公告</span>
      <span class="stutitle"id="stunotice" >学生公告</span>
      <div class="notice">
        <div class="teacher" id="teacher" name="teacher">
          <div class="overhide">
            <ul>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="<%=path%>/common/noticeCheck" title="关于教师节活动的通知"><nobr>
                关于教师节活动的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="十佳教师评选结果"><nobr>
                十佳教师评选结果
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于组织开展课堂教学情况调查的通知"><nobr>
                关于组织开展课堂教学情况调查的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于学生修读双专业和辅修的选课通知（2015/2016学年第2学期）"><nobr>
                关于学生修读双专业和辅修的选课通知（2015/2016学年第2学期）
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="浙江工商大学关于组织申报2016年度国家级大学生创新创业训练计划项目的通知"><nobr>
                浙江工商大学关于组织申报2016年度国家级大学生创新创业训练计划项目的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
                <a href="#" title="做好2015-2016第2学期通识课程模块填写的通知"><nobr>
                  做好2015-2016第2学期通识课程模块填写的通知
                </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="做好2015年度寒假实习锻炼计划实习学分认定和资料汇总的通知"><nobr>
                做好2015年度寒假实习锻炼计划实习学分认定和资料汇总的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="做好2015-2016第2学期通识课程模块填写的通知"><nobr>
                做好2015-2016第2学期通识课程模块填写的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="做好2015年度寒假实习锻炼计划实习学分认定和资料汇总的通知"><nobr>
                做好2015年度寒假实习锻炼计划实习学分认定和资料汇总的通知
              </nobr></a>
            </ul>
          </div>
          <div class="overhide">
            <ul>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于教师节活动的通知"><nobr>
                关于教师节活动的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="十佳教师评选结果"><nobr>
                十佳教师评选结果
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于组织开展课堂教学情况调查的通知"><nobr>
                关于组织开展课堂教学情况调查的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于学生修读双专业和辅修的选课通知（2015/2016学年第2学期）"><nobr>
                关于学生修读双专业和辅修的选课通知（2015/2016学年第2学期）
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="浙江工商大学关于组织申报2016年度国家级大学生创新创业训练计划项目的通知"><nobr>
                浙江工商大学关于组织申报2016年度国家级大学生创新创业训练计划项目的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
                <a href="#" title="做好2015-2016第2学期通识课程模块填写的通知"><nobr>
                  做好2015-2016第2学期通识课程模块填写的通知
                </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="做好2015年度寒假实习锻炼计划实习学分认定和资料汇总的通知"><nobr>
                做好2015年度寒假实习锻炼计划实习学分认定和资料汇总的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="做好2015-2016第2学期通识课程模块填写的通知"><nobr>
                做好2015-2016第2学期通识课程模块填写的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="做好2015年度寒假实习锻炼计划实习学分认定和资料汇总的通知"><nobr>
                做好2015年度寒假实习锻炼计划实习学分认定和资料汇总的通知
              </nobr></a>
            </ul>
          </div>
        </div>
    
        <div class="student" id="student" name="student">
          <div class="overhide">
            <ul>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="对外经济贸易大学2016年暑期学校课程外校学生选课通知"><nobr>
                对外经济贸易大学2016年暑期学校课程外校学生选课通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="重学安排的通知（2015-2016学年第二学期）"><nobr>
                重学安排的通知（2015-2016学年第二学期）
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于选拔学生2016暑期赴德国参加研修访学及欧洲文化之旅项目的通知"><nobr>
                关于选拔学生2016暑期赴德国参加研修访学及欧洲文化之旅项目的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于确定学生转专业（第二次）名单公示的通知（2015-2016学年第二学期）"><nobr>
                关于确定学生转专业（第二次）名单公示的通知（2015-2016学年第二学期）
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于选拔学生于2016年秋季学期赴德国维尔道应用科技大学交换生的通知"><nobr>
                关于选拔学生于2016年秋季学期赴德国维尔道应用科技大学交换生的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于选拔优秀学生2016年暑期赴英国牛津大学短期交流的通知"><nobr>
                关于选拔优秀学生2016年暑期赴英国牛津大学短期交流的通知
              </nobr></a>
            </ul>
          </div>
          <div class="overhide">
            <ul>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="对外经济贸易大学2016年暑期学校课程外校学生选课通知"><nobr>
                对外经济贸易大学2016年暑期学校课程外校学生选课通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="重学安排的通知（2015-2016学年第二学期）"><nobr>
                重学安排的通知（2015-2016学年第二学期）
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于选拔学生2016暑期赴德国参加研修访学及欧洲文化之旅项目的通知"><nobr>
                关于选拔学生2016暑期赴德国参加研修访学及欧洲文化之旅项目的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于确定学生转专业（第二次）名单公示的通知（2015-2016学年第二学期）"><nobr>
                关于确定学生转专业（第二次）名单公示的通知（2015-2016学年第二学期）
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于选拔学生于2016年秋季学期赴德国维尔道应用科技大学交换生的通知"><nobr>
                关于选拔学生于2016年秋季学期赴德国维尔道应用科技大学交换生的通知
              </nobr></a>
              <div class="listyle">
                <li>
                </li>
              </div>
              <a href="#" title="关于选拔优秀学生2016年暑期赴英国牛津大学短期交流的通知"><nobr>
                关于选拔优秀学生2016年暑期赴英国牛津大学短期交流的通知
              </nobr></a>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </body>
  <footer>
     <span>
      &copy;&nbsp;2016&nbsp;WebDesign.All Rights Reserved.
     </span>
  </footer>


  <script type="text/javascript" src="<%=path %>/js/jquery-1.12.1.js"></script>  

  <script type="text/javascript"> 

  $("#teachernotice").hover(function(){
    var o = document.getElementById('teacher');
    var j = document.getElementById('student');
    var m = document.getElementById('teachernotice');
    var n = document.getElementById('stunotice');
    o.style.display="block";
    j.style.display="none";
    m.style.backgroundColor = "#003366";
    n.style.backgroundColor = "#336699";
  });

  $("#stunotice").hover(function(){
    var o = document.getElementById('teacher');
    var j = document.getElementById('student');
    var m = document.getElementById('teachernotice');
    var n = document.getElementById('stunotice');
    j.style.display="block";
    o.style.display="none";
    m.style.backgroundColor = "#336699";
    n.style.backgroundColor = "#003366";
    
    /*j.style.visibility="visible";
    o.style.visibility="hidden";*/
  });


   $(document).ready(function() { 
    var length, 
     currentIndex = 0, 
     interval, 
     hasStarted = false, //是否已经开始轮播 
     t = 3000; //轮播时间间隔 
    length = $('.slider-panel').length; 
    //将除了第一张图片隐藏 
    $('.slider-panel:not(:first)').hide(); 
    //将第一个slider-item设为激活状态 
    $('.slider-item:first').addClass('slider-item-selected'); 
    //隐藏向前、向后翻按钮 
    $('.slider-page').hide(); 
    //鼠标上悬时显示向前、向后翻按钮,停止滑动，鼠标离开时隐藏向前、向后翻按钮，开始滑动 
    $('.slider-panel, .slider-pre, .slider-next').hover(function() { 
     stop(); 
     $('.slider-page').show(); 
    }, function() { 
     $('.slider-page').hide(); 
     start(); 
    }); 
    $('.slider-item').hover(function(e) { 
     stop(); 
     var preIndex = $(".slider-item").filter(".slider-item-selected").index(); 
     currentIndex = $(this).index(); 
     play(preIndex, currentIndex); 
    }, function() { 
     start(); 
    }); 
    $('.slider-pre').unbind('click'); 
    $('.slider-pre').bind('click', function() { 
     pre(); 
    }); 
    $('.slider-next').unbind('click'); 
    $('.slider-next').bind('click', function() { 
     next(); 
    }); 
    /** 
     * 向前翻页 
     */
    function pre() { 
     var preIndex = currentIndex; 
     currentIndex = (--currentIndex + length) % length; 
     play(preIndex, currentIndex); 
    } 
    /** 
     * 向后翻页 
     */
    function next() { 
     var preIndex = currentIndex; 
     currentIndex = ++currentIndex % length; 
     play(preIndex, currentIndex); 
    } 
    /** 
     * 从preIndex页翻到currentIndex页 
     * preIndex 整数，翻页的起始页 
     * currentIndex 整数，翻到的那页 
     */
    function play(preIndex, currentIndex) { 
     $('.slider-panel').eq(preIndex).fadeOut(500) 
      .parent().children().eq(currentIndex).fadeIn(1000); 
     $('.slider-item').removeClass('slider-item-selected'); 
     $('.slider-item').eq(currentIndex).addClass('slider-item-selected'); 
    } 
    /** 
     * 开始轮播 
     */
    function start() { 
     if(!hasStarted) { 
      hasStarted = true; 
      interval = setInterval(next, t); 
     } 
    } 
    /** 
     * 停止轮播 
     */
    function stop() { 
     clearInterval(interval); 
     hasStarted = false; 
    } 
    //开始轮播 
    start(); 
   }); 
  </script> 

</html>